﻿
@{
    ViewData["Title"] = "诉讼案卷目录";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Head{ 
<style>
    html {
        background: #f3f3f4;
    }

    .layui-card-header {
        font-weight: bold;
    }

    .layui-btn-container {
        margin: 0 !important;
    }

    .layui-btn-container input {
        height: 30px;
        display: inline-block;
        font-size: 12px;
    }

    .layui-btn-container input:focus {
        border-color: #1ab394 !important;
    }

    .layui-form-select {
        width: 100px;
        font-size: 12px;
        display: inline-block;
    }

    .layui-anim-upbit dd {
        font-size: 12px;
    }

    .layui-form {
        display: inline-block;
    }

    .layui-form-item {
        margin-bottom: 0;
    }
</style>
}

<div id="dMain" style="padding:10px;">
    <div class="wrapper-content">
        <div class="layui-card">
            <div class="layui-card-header">诉讼案卷目录</div>
            <div class="layui-card-body">
                <table id="tabData" lay-filter="demo"></table>
            </div>
        </div>
    </div>
</div>

<script>
    window.onload = function () {
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '#tabData',
                toolbar: '#toolbarDemo', //开启头部工具栏，并为其绑定左侧模板
                page: true,
                height: 590,
                limit: 30,
                limits: [30, 40, 50],
                loading: true,
                cols: [
                    [ //表头
                        {
                            type: 'checkbox'
                        }, {
                            field: 'FileNo',
                            title: '案件档号',
                            width: 180,
                            align: "center",
                            sort: true
                        }, {
                            field: 'Litigant2',
                            title: '当事人',
                            sort: true
                        }, {
                            field: 'CaseCause',
                            width: 180,
                            title: '案由',
                            sort: true,
                        }, {
                            field: 'Result1',
                            width: 180,
                            title: '处理结果',
                            sort: true
                        }, {
                            field: 'PageCount',
                            title: '页数',
                            width: 80,
                            sort: true,
                        }, {
                            field: 'FTerm',
                            title: '保管期限',
                            width: 100,
                            sort: true
                        }
                    ]
                ],
                data: [{
                    "FileNo": "SZ214-SS-1951-1-5-1",
                    "Litigant2": "雨季",
                    "CaseCause": "反革命案",
                    "Result1": "无期徒刑",
                    "BoxNumber": "-",
                    "Remark": "-",
                }]
            });
        });

        layui.use('laydate', function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#starYear', //指定元素
                type: 'year',
                theme: 'molv',
            });

            laydate.render({
                elem: '#endYear', //指定元素
                type: 'year',
                theme: 'molv',
            });
        });
    }	
</script>

<script type="text/html" id="toolbarDemo">
    <div class="layui-btn-container">
        <div>
            <input type="text" class="layui-input" id="starYear" placeholder="开始年度" style="width:85px;">
            <label style="font-size: 13px;color: #555;width: 15px;display: inline-block;text-align: center;">至</label>
            <input type="text" class="layui-input" id="endYear" placeholder="结束年度" style="width:85px;">

            <select name="interest" lay-filter="ddlexcel" id="ddlexcel">
                <option value="">--期限--</option>
                <option value="永久">永久</option>
                <option value="短期">短期</option>
                <option value="长期">长期</option>
                <option value="60年">60年</option>
                <option value="30年">30年</option>
            </select>

            <button class="layui-btn layui-btn-sm" lay-event="" style="margin-top: -3px;margin-right: 0;">快速检索</button>
            <button class="layui-btn layui-btn-sm" lay-event="" style="margin-top: -3px;margin-right: 0;">打印案卷目录</button>
        </div>
    </div>
    <div class="layui-inline layui-inline-secate">
        <input class="layui-input" name="id" id="test-table-demoReload" autocomplete="off" placeholder="搜索" data-type="reload">
    </div>
</script>